<template>
    <div style="clear: both;">
        <div style="float: left;"><img :src="address.minioUrl+'image/'+userInfo.avatar" class="image"></div>
        <div style="font-size: 30px;margin-left: 2%;float: left;">
            <div style="margin-top: 20px;">昵称：{{userInfo.userName}}</div>
            <div style="margin-top: 20px;">邮箱：{{userInfo.email}}</div>
            <div style="margin-top: 20px;">关注时间：{{userInfo.createTime}}</div>
        </div>


    </div>
</template>
    
<script setup lang="ts">
    import { defineProps } from 'vue'
    import {address} from '@/base/address'

    defineProps(['userInfo'])
        
    
</script>
    
    
<style scoped>
    .image{
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }
</style>